<link rel="ractive" href="./shared/header.html" name="Header">

<Header app="{{app}}" query="{{query}}"></Header>
<FreeOpenSourceCdnSidebar></FreeOpenSourceCdnSidebar>

<div class="custom-cdn-for-open-source free-open-source-cdn">
	<div class="container">
		<div class="row">
			<div class="col-md-14 col-md-offset-6 col-sm-18 col-sm-offset-5 col-xs-16 col-xs-offset-7">
				<h1>CDN and Web Performance Consultation Services</h1>
			</div>
		</div>
	</div>

	<div class="container">
		<div class="row">
			<div class="col-md-12 col-md-offset-6 col-sm-16 col-sm-offset-5 col-xs-20 col-xs-offset-2">
				<p>
					You can now hire us to help you build and manage your own infrastructure. If web performance and uptime is important to you then we can help!
				</p>

				<h3>Services:</h3>

				<ul class="ul">
					<li>Build a Multi-CDN system with a mix of enterprise CDNs and custom servers</li>
					<li>Long-term managing of existing infrastructure (retainer)</li>
					<li>Optimize existing servers and websites for better performance</li>
					<li>Load-balancing and failover between servers and websites</li>
					<li>Design and build own custom CDN (multiple options from cheap to super expensive)</li>
					<li>AWS based hosting management</li>
					<li>Speed optimization of custom PHP applications and CMS</li>
					<li>Research, performance monitoring, big and small projects and much much more</li>
					<li>We also sometimes build services and websites, but only if we really like you :)</li>
				</ul>

				<p>
					<strong>We are here to help</strong> We are very friendly, feel free to contact us.
				</p>

				<div class="contact-form-wrapper">
					<h3 class="text-center">Contact us</h3>

					<form class="text-center">
						<div class="row">
							<div class="col-xs-8 col-xs-offset-4">
								<input class="input" type="text" value="{{name}}" placeholder="Your name">
							</div>

							<div class="col-xs-8">
								<input class="input" type="email" value="{{email}}" placeholder="Your e-mail">
							</div>
						</div>

						<div class="row">
							<div class="col-xs-16 col-xs-offset-4">
								<textarea class="input" value="{{message}}" placeholder="Your message"></textarea>
							</div>
						</div>

						{{#if error}}
							An error occurred while processing your request. Please try again later.<br>
						{{/if error}}

						{{#if sent}}
							Your message has been sent, and we'll get back to you soon.
						{{else}}
							<button class="btn btn-primary send-message-btn" on-click="send(event, name, email, message)" disabled="{{!name || !email || !message}}">
								<i class="fa fa-envelope"></i>Send message
							</button>
						{{/if sent}}
					</form>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
	component.exports = {
		data: function () {
			return {
				title: 'Consultation services - jsDelivr',
			};
		},
		send: function (event, name, email, message) {
			var _this = this;
			event.original.preventDefault();

			$.ajax({
				type: 'POST',
				url: '/api/mail',
				data: JSON.stringify({ page: 'consultation-services', name: name, email: email, message: message }),
				contentType: 'application/json',
				success: function () {
					_this.set('sent', true);
					_this.set('error', false);
				},
				error: function () {
					_this.set('error', true);
				},
			});

			return false;
		}
	};
</script>
